<template>
  <div id="temp">
    <mt-header fixed title="系列重要讲话"></mt-header>
    <div class="container">
      <!-- 文章主体 -->
      <div class="detail-body">
        <div class="detail-title">
          <h1>
            {{news.title}}
          </h1>
          <em>{{news.add_time| datefmt('YYYY-MM-DD HH:mm:ss')}}</em>
        </div>
        <div class="detail-content">
          <img src="../../../statics/imgs/images/img.jpg">
          <!--<img :src="valBranch.img_url"/>-->
          <p>
            党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文。
          </p>
          <p>
            党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文。
          </p>
          <p>
            党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文，党中央会议精神正文。
          </p>
        </div>
      </div>
      <!-- 文章附件 -->
      <div class="set-box">
        <h4>附件：</h4>
        <ul>
          <!-- 附件需提供下载或在线查看功能 -->
          <li>
            <a href="../../../statics/imgs/images/a-home.png" download="_53332_">
            <!--&lt;!&ndash; 根据附件类型使用不同的icon &ndash;&gt;-->
            <!--<div></div>-->
            <!--<span>附件名称.pdf</span>-->
            <!--<em>1.2MB</em>-->
            <div></div>
            <span>附件名称.pdf</span>
            <em>1.2MB</em>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
  import {Toast} from 'mint-ui';
  import kit  from '../../kits/apikit'
  export default{
    data(){
      return {
        news:{}
      }
    },
    created()
    {
      this.id = this.$route.params.id;
      this.getNews();
    },
    methods:{
      //临时接口
      // getNews(){
      //   var url = kit.apikit+'type=getnew&newid='+this.id;
      //   this.$http.get(url).then(function (response) {
      //     if(response.body.status!=0){
      //       Toast(response.body.message);
      //       return;
      //     }
      //     this.news = response.body.message;
      //     console.log(this.news);
      //   })
      // }
      //假数据
      getNews(){
        this.news= {title:'习近平同志系列重要讲话',add_time:'2018-07-15'}
      }
    }
  }
</script>
<style scoped>
  /*第一部分 头部样式设置*/
  .mint-header{
    height: .9rem;
    background-color: #4284D8;
    font-size: .35rem;
  }
  .container{
    margin-top: -.2rem;
  }
</style>
